import * as React from "react";
import type { SVGProps } from "react";
const SvgTextField = (props: SVGProps<SVGSVGElement>) => {
  return (
    <svg
      {...props}
      xmlns="http://www.w3.org/2000/svg"
      width={24}
      height={24}
      fill="none"
      accessibilityRole="img"
      className={props.className ? props.className + " h-6 w-6" : "h-6 w-6"}
    >
      <path
        stroke="currentColor"
        strokeWidth={1.5}
        d="M2 12c0-3.771 0-5.657 1.172-6.828C4.343 4 6.229 4 10 4h4c3.771 0 5.657 0 6.828 1.172C22 6.343 22 8.229 22 12c0 3.771 0 5.657-1.172 6.828C19.657 20 17.771 20 14 20h-4c-3.771 0-5.657 0-6.828-1.172C2 17.657 2 15.771 2 12Z"
      />
      <path
        fill="currentColor"
        d="M8.25 15.5a.75.75 0 0 0 1.5 0h-1.5Zm3.414-6.748.498-.56-.498.56Zm-.414 1.673a.75.75 0 0 0 1.5 0h-1.5Zm.498-1.59.56-.497-.56.498Zm-5.412-.083-.498-.56.498.56ZM5.25 10.425a.75.75 0 0 0 1.5 0h-1.5Zm1.002-1.59-.56-.497.56.498ZM7 14.75a.75.75 0 0 0 0 1.5v-1.5Zm4 1.5a.75.75 0 0 0 0-1.5v1.5Zm-3.075-7H9v-1.5H7.925v1.5ZM9 9.25h1.075v-1.5H9v1.5Zm.75 6.25v-7h-1.5v7h1.5Zm.325-6.25c.455 0 .726.001.922.026.177.022.186.052.17.037l.995-1.121c-.3-.268-.651-.364-.98-.405-.31-.038-.691-.037-1.107-.037v1.5Zm2.675 1.175c0-.416.001-.797-.037-1.107-.041-.329-.137-.68-.405-.98l-1.121.996c-.015-.017.015-.008.037.17.025.195.026.466.026.921h1.5Zm-1.584-1.112a.25.25 0 0 1 .02.02l1.122-.995a1.737 1.737 0 0 0-.146-.146l-.996 1.121ZM7.925 7.75c-.416 0-.797-.001-1.107.037-.329.041-.68.137-.98.405l.996 1.121c-.017.015-.008-.015.17-.037.195-.025.466-.026.921-.026v-1.5ZM6.75 10.425c0-.455.001-.726.026-.922.022-.177.052-.186.037-.17l-1.121-.995c-.268.3-.364.651-.405.98-.038.31-.037.691-.037 1.107h1.5Zm-.912-2.233c-.052.046-.1.094-.146.146l1.121.996a.252.252 0 0 1 .02-.02l-.995-1.122ZM7 16.25h4v-1.5H7v1.5Z"
      />
    </svg>
  );
};
export default SvgTextField;
